<%@page language="java" contentType="text/html; charset=UTF-8" isELIgnored="false" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@taglib prefix="html" tagdir="/WEB-INF/tags" %>
<!DOCTYPE html>
<html>
<html:header title="零售收银-快捷键帮助">
    <link rel="stylesheet" href="${baseUrl}css/public.css" media="all">

    <style>

        .title{
            font-size: 20px;
            padding-bottom: 20px;
        }

        .tip-div{
            height: 100%;padding: 20px 20px 20px 20px;
        }

        .tip-div li{
            font-size: 14px;color: #666;
            height: 38px;
            line-height: 38px;
        }

        .hot-key-div{
            height: 100%;padding: 20px 20px 20px 20px;
        }

        .hot-key-div li{
            font-size: 14px;
            height: 38px;
            line-height: 38px;
        }
    </style>

    <script>
        jQuery(function () {
            $(window).focus();
            window.addEventListener("keydown", function(e) {
                if (e.keyCode == 0x1B){
                    closeAllDialog();
                }
            }, false);

            $(".esc").click(function () {
                closeAllDialog();
            });
        });

        function closeAllDialog() {
            window.parent.closeAllDialog();
        }
    </script>
</html:header>
<body style="width: 100%;height:100%;margin: 0;padding:0;background-color: #ffffff;">
    <div style="width: 100%;height: 100%; overflow: hidden;"> 
        <div style="float: left;border-right: 1px #aaaaaa solid;margin-top: 40px;margin-left: 40px;">
            <div class="tip-div" style="float: left;">
                <div class="title">
                    功能
                </div>

                <ul>
                    <li>打开快捷键帮助</li>
                    <li>将光标置于商品条码输入框</li>
                    <li>将光标置于选择客户输入框</li>
                    <li>更改商品序列号</li>
                    <li>切换整单折扣/整单优惠</li>
                    <li>更改商品单位/数量</li>
                    <li>锁屏</li>
                </ul>
            </div> 
            <div class="hot-key-div" style="float: left;">
                <div class="title">
                    快捷键
                </div>

                <ul>
                    <li>Ctrl+F7</li>
                    <li>Ctrl+1</li>
                    <li>Ctrl+F1</li>
                    <li>Ctrl+Y</li>
                    <li>Ctrl+I</li>
                    <li>F7</li>
                    <li>Ctrl+F12</li>
                </ul>
            </div> 
        </div>
        
        <div style="float: left;margin-top: 40px;">
            <div class="tip-div" style="float: left;">
                <div class="title">
                    功能
                </div>

                <ul>
                    <li>挂单</li>
                    <li>取单</li>
                    <li>打印上一单</li>
                    <li>移除商品</li>
                    <li>删除所有选择的商品</li>
                    <li>清空整页信息</li>
                    <li>结算</li>
                </ul>
            </div> 
            <div class="hot-key-div" style="float: left;">
                <div class="title">
                    快捷键
                </div>

                <ul>
                    <li>F8</li>
                    <li>F9</li>
                    <li>F10</li>
                    <li>Delete</li>
                    <li>Ctrl+Delete</li>
                    <li>Shift+Delete</li>
                    <li>Ctrl+Enter</li>
                </ul>
            </div> 
        </div>

        <div style="width: 100%;overflow: hidden;">
            <div style="float: right; padding: 20px 40px 0 0;">
                <button class="layui-btn layui-btn-primary esc">取消(Esc)</button>
            </div>
        </div>
    </div> 
</body>

</html>